<template>
  <div class="recommend-list style-music-cpns">
    <title-header name="推荐歌单"> </title-header>
    <!-- <list-item v-for="(item, index) in remList" :key="index" :item="item">
    </list-item> -->
    <SkeletonCard v-for="(item, index) in remList" :key="index" :item="item" />
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import TitleHeader from '@/base-ui/header'
// import ListItem from '@/base-ui/card-item'
import SkeletonCard from '@/base-ui/skeleton-card'

export default defineComponent({
  components: {
    TitleHeader,
    SkeletonCard
  },
  props: {
    remList: {
      type: Array as any,
      default: () => []
    }
  },
  setup() {
    return {}
  }
})
</script>

<style scoped></style>
